<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>isJ&K</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script type="text/javascript" src="js/index.js"></script>
</head> 

<body>
	<div class="header">
		<div class="div_title">
			<span class="title">is Jaakko&Kaki</span>
		</div>
		<div class="div_search">
			<img src="icons/search.png" class="icon_search">
			<input type="search" placeholder="input something here" class="input_search">
			<button type="button" class="btn_search" onclick="search()">search</button>
		</div>
	</div>
	<div class="div_menu">
		<table class="table_menu">
			<tr valign="top">
				<td rowspan="2">
					<a href="menu/spring.html"><img src="imgs/spring.jpg" class="img_spring"></a>
				</td>
				<td colspan="2">
					<a href="menu/summer.html"><img src="imgs/summer.jpg" class="img_summer"></a>
				</td>
			</tr>
			<tr valign="bottom">
				<td class="span_menu">
					<span class="span_summer">summer</span>
					<span class="span_spring">spring</span>
					<span class="span_autumn">autumn</span>
					<span class="span_winter">winter</span>
				</td>
				<td rowspan="2">
					<a href="menu/winter.html"><img src="imgs/winter.jpg" class="img_winter"></a>
				</td>
			</tr>
			<tr valign="bottom">
				<td colspan="2">
					<a href="menu/autumn.html"><img src="imgs/autumn.jpg" class="img_autumn"></a>
				</td>
			</tr>
		</table>

	</div>
	<script src="js/d3.v3.min.js" charset="utf-8"></script>
	</body>
	</html>